import React from "react";
import classes from "./LineList.module.scss";
export default function LineList({ item, theme }) {
    return (
        <li className={classes.lineList}>
            <div className={classes.left} style={{ backgroundColor: theme === "light" ? "#e5f3f8" : "#28353a" }}>
                <img src={item.picUrl} alt={item.name} />
            </div>
            <div className={classes.right}>
                <div className={classes.top} style={{ color: theme === "light" ? "#000" : "#fff" }}>
                    {item.name}
                </div>
                <div className={classes.bottom}>
                    <div className={classes.line}>
                        <span>$ {item.usedPrice}</span>
                    </div>
                    <span>$ {item.allPrice}</span>
                </div>
            </div>
        </li>
    );
}
